<div class="body"
     style="width: 76mm;height: 130mm;box-sizing: border-box;font-family: 'Microsoft YaHei UI Light', sans-serif">
  <div style="font-size: 26pt;padding-right: 3mm;text-align: right;position: relative;">
    <b>{{data?.pro_code}}</b>
  </div>
  <div style="font-size: 6pt;width: 100%;padding-left: 10mm;box-sizing: border-box;">
    <span style="margin-left: 3mm">ZJ</span>
    <span style="margin-left: 3mm">第一次打印</span>
    <span style="margin-left: 3mm">{{date.day}}</span>
    <span style="margin-left: 3mm">{{date.time}}</span>
  </div>
  <div style="text-align: center;padding-top: 1mm;border-top: dashed 1mm black">
    <svg class="barcode" style="width: 66mm;display: inline-block"></svg>
  </div>

  <div style="text-align: center;font-size: 10pt;font-family: Microsoft YaHei,sans-serif">
    <span style="margin-right: 5mm">1/1</span>{{serialText}}
  </div>

  <div>
    <div
      style="white-space: nowrap;text-align: center;font-family: Microsoft YaHei, sans-serif;border-top: dashed 1mm black;border-bottom: dashed 1mm black"
      [ngStyle]="{fontSize: data?.dest_route_label.length>11?'22pt':'30pt'}">
      <b>{{data?.dest_route_label}}</b>
    </div>

    <div style="width: 60mm;display: inline-block">
      <!--      收件人信息-->
      <div style="display: flex;flex-direction: row;align-items: center;font-size: 9pt">
        <b style="margin: 0 4mm;font-size: 12pt">收</b>
        <div>
          <div>{{data?.consignee}}<span style="margin-left: 5mm">{{data?.tel}}</span></div>
          <div>{{data?.address}}</div>
        </div>
      </div>
      <!--      寄件人信息-->
      <div style="display: flex;flex-direction: row;align-items: center;font-size: 6pt;border-top: dashed 1mm black;border-bottom: dashed 1mm black">
        <b style="margin: 0 4mm;font-size: 12pt">寄</b>
        <div>
          <div>{{data?.addresser?.contacts}}<span style="margin-left: 5mm;">{{data?.addresser?.tel}}</span></div>
          <div>{{data?.addresser?.region}}{{data?.addresser?.address}}</div>
        </div>
      </div>
      <div style="height: 30mm">
        <div style="display: inline-block;width: 31mm;">
          <div style="height: 6mm;line-height: 6mm;border-bottom: dashed 1mm black">
<!--            <img src="../../../../../../../assets/images/sf/COD.jpg" style="width: 10mm;height: 5.5mm;">-->
          </div>
          <div style="height: 12mm;line-height: 12mm;border-bottom: dashed 1mm black">
          </div>
          <div style="height: 12mm;line-height: 12mm">
          </div>
        </div>
        <div style="width: 28mm;height: 30mm;display: inline-flex;flex-direction: row;align-items: center;justify-content: center;vertical-align: top;border-left: dashed 1mm black">
          <div id="qrcode" style="width: 25mm;height: 25mm"></div>
        </div>
      </div>
      <div style="font-family: SimSun,sans-serif;font-size: 6pt;height: 6mm;line-height: 5mm;border-top: dashed 1mm black;border-bottom: dashed 1mm black">
        {{data?.payMethod === 2 ? '寄付月结' : '到付'}} 签收：
      </div>
      <div style="font-family: SimSun,sans-serif;font-size: 8pt;">
        托寄物：手机{{data?.number > 1 ? '*' + data?.number : ''}}
      </div>
    </div>
    <div style="width: 12mm;height: 70mm;vertical-align: top;display: inline-block;border-left: dashed 1mm black;position: relative">
<!--      <div style="position: absolute;right: -26mm;top: 28mm;">-->
<!--        <svg id="barcode2"  style="width: 66mm;display: inline-block;"></svg>-->
<!--      </div>-->

      <div style="font-family: SimSun,sans-serif;position: absolute;bottom: 5mm;font-size: 8pt">{{data?.pro_name}}</div>
    </div>
  </div>

<!--  <div style="border: 1px solid #000;margin: 2mm 2mm 0;box-sizing: border-box;">-->
<!--    &lt;!&ndash;      <div style="font-size: 30pt;white-space: nowrap"><b>755W-BA-012345678</b></div>&ndash;&gt;-->
<!--    <div-->
<!--      style="border-bottom: 1px solid #000;position: relative;padding-left: 11mm;padding-right: 19mm;font-size: 8pt;min-height: 10mm;font-family: SimSun,sans-Serif">-->
<!--      <img src="../../../../../../../assets/images/sf/receive.png"-->
<!--           style="width: 7mm;height: 7mm;margin: 0 2mm;position: absolute;left: 0;top: 0" alt="">-->
<!--      <div>-->
<!--        <div>{{data?.consignee}}<span style="margin-left: 5mm">{{data?.tel}}</span></div>-->
<!--        <div>{{data?.address}}</div>-->
<!--      </div>-->
<!--      <img src="../../../../../../../assets/images/sf/COD.jpg"-->
<!--           style="width: 17mm;height: 9mm;position: absolute;right: 0;top: 0" alt="">-->
<!--    </div>-->

<!--    <div style="border-bottom: 1px solid #000;display: flex;flex-direction: row">-->
<!--      <div style="display: inline-block;width: 35mm;height: 26mm;border-right: 1px solid #000">-->
<!--        <div-->
<!--          style="border-bottom: 1px solid #000;text-align: center;font-size: 9pt;line-height: 6mm">{{data?.payMethod === 2 ? '寄付月结' : '到付'}}</div>-->
<!--        &lt;!&ndash;        <div style="font-size: 40pt;text-align: center"><b>{{data?.coding_mapping}}</b></div>&ndash;&gt;-->
<!--        <div style="font-size: 40pt;text-align: center"><b></b></div>-->
<!--      </div>-->
<!--      <div-->
<!--        style="width: 33mm;height: 26mm;border-right: 1px solid #000;display: inline-flex;flex-direction: row;align-items: center;justify-content: center">-->
<!--&lt;!&ndash;        <div id="qrcode" style="width: 25mm;height: 25mm"></div>&ndash;&gt;-->
<!--      </div>-->
<!--      <div-->
<!--        style="display: inline-block;width: 10mm;height: 26mm;border-right: 1px solid #000;font-size: 20pt;position: relative">-->
<!--        <div-->
<!--          style="display: flex;flex-direction: column;justify-content: space-between;align-items: center;line-height: 8mm">-->
<!--          <span>已</span>-->
<!--          <span>验</span>-->
<!--          <span>视</span>-->
<!--        </div>-->
<!--        &lt;!&ndash;        <b style="display: flex;flex-direction: column;align-items: center;justify-content: space-around;line-height: 20pt">&ndash;&gt;-->
<!--        &lt;!&ndash;          已<br>&ndash;&gt;-->
<!--        &lt;!&ndash;          验<br>&ndash;&gt;-->
<!--        &lt;!&ndash;          视<br>&ndash;&gt;-->
<!--        &lt;!&ndash;        </b>&ndash;&gt;-->
<!--      </div>-->
<!--      <div style="display: inline-block;width: 22mm;height: 26mm;">-->
<!--        <div style="border-bottom: 1px solid #000;text-align: center;font-size: 9pt">-->
<!--          <div style="line-height: 10mm;font-family: SimSun,sans-serif">{{data?.pro_name}}</div>-->
<!--          &lt;!&ndash;          <div>KC24</div>&ndash;&gt;-->
<!--        </div>-->
<!--        <div style="font-size: 30pt;text-align: center;font-family: Microsoft YaHei,sans-serif"><b>1A</b></div>-->
<!--      </div>-->
<!--    </div>-->

<!--    <div style="border-bottom: 1px solid #000;position: relative;padding-left: 11mm;font-size: 8pt;height: 11mm">-->
<!--      <img src="../../../../../../../assets/images/sf/send.png"-->
<!--           style="width: 7mm;height: 7mm;margin: 0 2mm;position: absolute;left: 0;top: 1mm" alt="">-->
<!--      <div style="margin-top: 2mm">-->
<!--        <div>{{data?.addresser?.contacts}}<span style="margin-left: 5mm;">{{data?.addresser?.tel}}</span></div>-->
<!--        <div-->
<!--          style="overflow-x: hidden;white-space: nowrap;margin-top: 1mm">{{data?.addresser?.region}}{{data?.addresser?.address}}</div>-->
<!--      </div>-->
<!--    </div>-->

<!--    <div-->
<!--      style="border-bottom: 1px solid #000;display: flex;flex-direction: row;font-size: 8pt;">-->
<!--      <div style="display: inline-block;width: 50%;height: 24mm;border-right: 1px solid #000">-->
<!--        <div>-->
<!--          托寄物：手机{{data?.number > 1 ? '*' + data?.number : ''}}-->
<!--        </div>-->
<!--      </div>-->
<!--      <div style="display: inline-block;width: 50%;height: 24mm;font-size: 8pt">-->
<!--        <div style="border-bottom: 1px solid #000;height: 11mm">-->
<!--          增值服务：-->
<!--        </div>-->
<!--        <div>-->
<!--          <div>-->
<!--            计费重量：-->
<!--          </div>-->
<!--          <div>-->
<!--            费用合计：-->
<!--          </div>-->
<!--          <div>-->
<!--            付款方式：-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
<!--    <div style="display: flex;flex-direction: row;font-size: 8pt;">-->
<!--      <div style="display: inline-block;width: 50%;height: 20mm;border-right: 1px solid #000">-->
<!--        备注-->
<!--      </div>-->
<!--      <div style="display: inline-block;width: 50%;height: 20mm;">-->
<!--        订单图片-->
<!--      </div>-->
<!--    </div>-->

<!--  </div>-->
</div>
